<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>后台管理页面</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/themes/icon.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
	var url;
	function openTab(text,url,iconCls){
		if($("#tabs").tabs("exists",text)){
			$("#tabs").tabs("select",text);
		}else{
			var content="<iframe frameborder=0 scrolling='auto' style='width:100%;height:100%' src='${pageContext.request.contextPath}/admin/"+url+"'></iframe>";
			$("#tabs").tabs("add",{
				title:text,
				iconCls:iconCls,
				closable:true,
				content:content
			});
		}
	}
	
	/**刷新系统缓存*/
	function refreshSystem(){
		$.post("${pageContext.request.contextPath}/admin/system/refreshSystem.do",{},function(result){
			if(result.success){
				$.messager.alert("系统提示","已成功刷新系统缓存！");
			}else{
				$.messager.alert("系统提示","刷新系统缓存失败！");
			}
		},"json");
	}
	
	function openTest(){	
		$("#in1").css("display","block");
	}
	
	/**打开修改密码对话框*/
	function openPasswordModifyDialog(){
		$("#dlg").dialog("open").dialog("setTitle","修改密码");
		url = "${pageContext.request.contextPath}/admin/blogger/modifyPassword.do?id=${currentUser.id}";
	}
	
	/**修改密码*/
	function modifyPassword(){
		$("#fm").form("submit",{
			url:url,
			onSubmit:function(){
				var newPassword = $("#newPassword").val();
				var newPassword2 = $("#newPassword2").val();
				if(!$(this).form("validate")){
					return false;
				}
				if(newPassword!=newPassword2){
					$.messager.alert("系统提示","两次密码输入不一致！");
					return false;
				}
				return true;
			},
			success:function(result){
				var result = eval('('+result+')');
				if(result.success){
					$.messager.alert("系统提示","密码修改成功，再次登录生效！");
					closePasswordModifyDialog();
				}else{
					$.messager.alert("系统提示","密码修改失败！");
					return;
				}
			}
		});
	}
	
	/**清空新密码框*/
	function resetValue(){
		$("#newPassword").val("");
		$("#newPassword2").val("");
	}
	
	/**关闭修改密码对话框*/
	function closePasswordModifyDialog(){
		resetValue();
		$("#dlg").dialog("close");
	}
	
	/**用户退出*/
	function logout(){
		$.messager.confirm("系统提示","您确定要退出系统吗？",function(r){
			if(r){
				window.location.href="${pageContext.request.contextPath}/admin/blogger/logout.do";
			}
		});
	}
	
</script>
</head>
<body class="easyui-layout">
<div region="north" style="height: 60px;background-color: #E0ECFF;overflow: hidden;">
	<table style="padding: 5px" width="100%">
		<tr>
			<td style="padding-top: 16px" valign="middle" align="left" width="20%">
				<font size="3">&nbsp;&nbsp;<strong>个人博客系统</strong></font>
			</td>
			<td style="padding-top: 16px" valign="middle" align="right" width="65%">
				<font size="3">&nbsp;&nbsp;欢迎，<strong>${currentUser.userName}</strong></font>
				
			</td>
		</tr>
	</table>
</div>
<div region="center">
	<div class="easyui-tabs" fit="true" border="false" id="tabs">
		<div title="首页" data-options="iconCls:'icon-home'">
			<div align="center" style="padding-top: 100px"><font color="red"></font></div>
		</div>
	</div>
</div>

<div region="west" style="width: 200px" title="导航菜单" split="true">
	<div class="easyui-accordion" data-options="fit:true,border:false">
		
		<div title="常用操作" data-options="iconCls:'icon-cycz'" style="padding: 10px;">
			<a href="javascript:openTab('写博客','writeBlog.jsp','icon-write')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-write'" style="width: 150px;">写博客</a>
			<a href="javascript:openTab('评论审核','commentReview.jsp','icon-review')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-review'" style="width: 150px;">评论审核</a>	
		</div>
		
		<div title="博客管理" data-options="iconCls:'icon-bkgl'" style="padding: 10px;">
			<a href="javascript:openTab('写博客','writeBlog.jsp','icon-write')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-write'" style="width: 150px;">写博客</a>
			<a href="javascript:openTab('博客信息管理','blogManage.jsp','icon-manage')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-manage'" style="width: 150px;">博客信息管理</a>	
		</div>
		
		<div title="博客类别管理" data-options="iconCls:'icon-bklb'" style="padding: 10px;">
			<a href="javascript:openTab('博客类别管理','blogTypeManage.jsp','icon-manage')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-manage'" style="width: 150px;">博客类别管理</a>
		</div>
		
		<div title="评论管理" data-options="iconCls:'icon-plxx'" style="padding: 10px;">
			<a href="javascript:openTab('评论审核','commentReview.jsp','icon-review')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-review'" style="width: 150px;">评论审核</a>
			<a href="javascript:openTab('评论信息管理','commentManage.jsp','icon-manage')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-manage'" style="width: 150px;">评论信息管理</a>
		</div>
		
		<div title="个人信息管理" data-options="iconCls:'icon-user'" style="padding: 10px;">
			<a href="javascript:openTab('修改个人信息','modifyInfo.jsp','icon-edit')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-edit'" style="width: 150px;">修改个人信息</a>
		</div>
		
		<div title="系统管理" data-options="iconCls:'icon-xtgl'" style="padding: 10px;">
			
			<a href="javascript:openTab('友情链接管理','linkManage.jsp','icon-yqlj')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-yqlj'" style="width: 150px;">友情链接管理</a>
			<a href="javascript:openPasswordModifyDialog()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-xgmm'" style="width:150px;">修改密码</a>
			<a href="javascript:refreshSystem()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'" style="width:150px;">刷新系统缓存</a>
			<a href="javascript:logout()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-quit'" style="width:150px;">安全退出</a>
		</div>
	
		<div>
			
		</div>
	</div>
</div>

<div region="south" style="height:25px;padding:5px" align="center">

</div>

<div id="dlg" class="easyui-dialog" style="width: 400px;height: 200px;padding: 10px 20px;" closed="true" buttons="#dlg-buttons">
	<form id="fm" method="post">
		<table cellspacing="8px">
			<tr>
				<td>用户名：</td>
				<td><input type="text" id="userName" name="userName" readonly="readonly" value="${currentUser.userName}" style="width: 200px"/></td>
			</tr>
			<tr>
				<td>新密码：</td>
				<td><input type="password" id="newPassword" name="newPassword" class="easyui-validatebox" required="true" style="width: 200px"/></td>
			</tr>
			<tr>
				<td>确认新密码：</td>
				<td><input type="password" id="newPassword2" name="newPassword2" class="easyui-validatebox" required="true" style="width: 200px"/></td>
			</tr>
		</table>
	</form>
</div>

<div id="dlg-buttons">
	<a href="javascript:modifyPassword()" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
	<a href="javascript:closePasswordModifyDialog()" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>
</div>


</body>
</html>